<template>
	<view>
		<view class="label-box">
			<view class="label-top-box" @tap="moreCurious">
				<view class="offer" v-show="item.is_reward">
					<image src="../../../static/jingjie/offer.png"></image>
					<view class="number-box">{{item.more_count}}币</view>
				</view>
				<view class="head-haoqi-title">
					<view class="haoqi-title textEllipsis">
						{{item.content}}
						<text class="label-kuang">#{{type}}</text>
					</view>
				</view>
				<view class="user-box">
					<view class="user-img-box">
						<image :src="user.avatar"></image>
					</view>
					<view class="user_new-box">
						<view class="user_nickName">{{user.nick_name}}</view>
						<view class="money">{{item.create_time}}</view>
					</view>
				</view>
			</view>
		
			<view class="label-bottom-box common">
				<view class="oneBox border-radius1">
					<view class="small-top-box" @tap="getMyCurious">
						<image src="../../../static/jingjie/curious_h.png"></image>
						<view class="font-style">好奇</view>
					</view>
					<view class="small-bottom-box">{{item.curiosity_count}}</view>
				</view>
				<view class="shuxian"></view>
				<view class="oneBox" @tap="toRespond">
					<view class="small-top-box">
						<image src="../../../static/jingjie/respond.png"></image>
						<view class="font-style">回应</view>
					</view>
					<view class="small-bottom-box">{{item.viewpoint_count}}</view>
				</view>
				<view class="shuxian"></view>
				<view class="oneBox border-radius2">
					<view class="small-top-box">
						<image src="../../../static/jingjie/share.png"></image>
						<view class="font-style">分享</view>
					</view>
					<view class="small-bottom-box">{{item.share_count}}</view>
				</view>
		
			</view>
		</view>
	</view>
</template>
<script>
	export default{
		props:['item'],
		data(){
			return{
				type:this.item.map.classfiyInfo.type,
				user:this.item.map.userinfo,
				// headimg:this.item.map.userInfo,
			}
		},
		onLoad() {
		},
		methods: {
			moreCurious() {
				this.$emit('moreCurious')
			},
// 			getHeadimg(){
// 				var arr=[];
// 				for(var i in this.headimg){
// 					arr.push(this.headimg[i])
// 				}
// 				arr=arr.join('').split('=');
// 				console.log(arr);
// 			},
		},
	}
</script>
<style scoped>
	.label-box {
		width: 100%;
		height: 304upx;
		background: #FFFFFF;	
		margin-bottom: 20upx;
		box-sizing: border-box;
	}
	
	.label-top-box {
		width: 100%;
		height: 215upx;
		padding: 0 24upx;
		box-sizing: border-box;
		position: relative;
	}
	
	.label-bottom-box {
		width: 100%;
		height: 88upx;
		border-radius: 0 0 20upx 20upx;
		z-index: 11;
		border-top: 1upx solid #E6E6E6;
		border-bottom: 20upx solid #f5f5f5;
	}
	.oneBox {
		width: 234upx;
		height: 88upx;
		position: relative;
		z-index: 33;
	}
	
	.small-top-box {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 13upx;
	}
	
	.small-top-box image {
		width: 26upx;
		height: 26upx;
		margin-right: 10upx;
	}
	
	.font-style {
		font-size: 24upx;
		color: rgba(102, 102, 102, 1);
	}
	
	.small-bottom-box {
		width: 100%;
		text-align: center;
		color: rgba(153, 153, 153, 1);
		font-size: 20upx;
		margin-top: 5upx;
	}
	
	.one-box.border-radius1 {
		border-radius: 0 0 20upx 0;
	}
	
	.one-box.border-radius2 {
		border-radius: 0 0 0 20upx;
	}
	
	.shuxian {
		width: 1upx;
		height: 88upx;
		background: rgba(255, 255, 255, 1);
		/* border: 1upx solid rgba(204, 204, 204, 1); */
	}
	
	.offer {
		width: 197upx;
		height: 164upx;
		position: absolute;
		top: 20upx;
		z-index: 222;
		right: 24upx;
	}
	
	.number-box {
		width: 62upx;
		height: 25upx;
		position: absolute;
		top: 80upx;
		right: 17upx;
		color: rgba(255, 255, 255, 1);
		font-size: 18upx;
		transform: rotate(12deg);
	}
	
	.offer image {
		width: 100%;
		height: 100%;
	}
	
	.head-haoqi-title {
		width: 100%;
		position: relative;
		top: 20upx;
		display: flex;
	}
	
	.haoqi-title {
		width: 100%;
		color: rgba(51, 51, 51, 1);
		font-size: 34upx;
		font-weight: bold;
	}
	
	.label-kuang {
		width: 78upx;
		height: 32upx;
		border: 1upx solid rgba(204, 204, 204, 1);
		border-radius: 5upx;
		color: rgba(102, 102, 102, 1);
		font-size: 20upx;
		text-align: center;
		line-height: 32upx;
		padding: 0 12upx;
		margin-left: 10upx;
	}
	.user-box {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 35upx;
	}
	
	.user-img-box {
		width: 68upx;
		height: 68upx;
	}
	
	.user-img-box image {
		width: 100%;
		height: 100%;
		border-radius: 100%;
	}
	
	.user_new-box {
		margin-left: 10upx;
	}
	
	.user_nickName {
		font-size: 24upx;
		color: rgba(51, 51, 51, 1);
	}
	.money {
		font-size: 24upx;
		color: rgba(102, 102, 102, 1);
	}
</style>